<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>签到页面</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/qiandao_style.css">
<meta name="viewport" content="width=640, user-scalable=no">
	<style>
		.sign_pop_item{
			width: 100%;
			height:100%;
			background-color: rgba(0,0,0,.8);
			position: relative;
		}
		.sign_pop_item .inner_bg{
			width: 480px;
			height:390px;
			background-color: #fff;
			position: absolute;
			top:50%;
			left: 50%;
			transform: translate(-50%,-50%);
			border-radius: 10px;
			-webkit-border-radius: 10px;
			line-height: 2.0;
		}
		.sign_pop_item .inner_bg .close{
			width: 50px;
			height:50px;
		}
		.sign_pop_item .inner_bg p{
			width: 80%;
			margin: 25% auto;
			text-align: center;
			font-size: 36px;
			color: #009ce0;
		}
	</style>
</head>
<body>
	<!--fixed remove-->
	<section class="fixed" style="z-index:999;width: 100%;height: 100%;background-color: #000;position: fixed;left: 0;top: 0;"></section>
	<div class="wrap_box">
		<!--装饰-->
		<span class="decorate">
			<em></em>
			<em></em>
		</span>
		<span class="decorate decorate_2">
			<em></em>
			<em></em>
		</span>
		<div class="qiandao-left">
			<!--<div class="qiandao-left-top clear"></div>-->
			<div class="current-date">2016年1月6日</div>
			<div class="calendar"></div>
			<div class="qiandao-main" id="js-qiandao-main">
				<ul class="qiandao-list" id="js-qiandao-list">
				</ul>
			</div>
			<div class="tips">
				<p>连续2天签到赠送10积分</p>
				<p>连续7天签到即可参加1次抽奖</p>
			</div>
		</div>
	</div>
	<div class="just-qiandao qiandao-sprits" id="js-just-qiandao"></div>
<!-- 签到 layer start -->
<div class="qiandao-layer qiandao-active">
	<div class="sign_pop_item">
		<div class="inner_bg">
			<span class="close"></span>
			<p>每日签到获取随机积分100分</p>
		</div>
	</div>
</div>
<!-- 签到 layer end -->
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/qiandao_js.js"></script>
<script>
    /**
     * 默认页面不可滑动,排行页面的滚动内容除外
     */
	$(window).load(function () {
        removeTopElement();
        touchEvent();
    });

    /**
     * 移除顶层元素
     */
    function removeTopElement() {
        $("section.fixed").remove();
    }

    function touchEvent(){
        $('body').on('touchmove', function (event) {
            event.preventDefault();
        });
    }

    /**
	 * 关闭弹层
     */
    function closeModal(){
    	$(".sign_pop_item").fadeOut();
	}

	$(".sign_pop_item .close").on('click',closeModal);
</script>
</body>
</html>
